<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
	<meta charset="utf-8"> 
	<title>Bootstrap 实例 - 边框表格</title>
	<link rel="stylesheet" href="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/css/bootstrap.min.css">  
	<script src="http://cdn.static.runoob.com/libs/jquery/2.1.1/jquery.min.js"></script>
	<script src="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/js/bootstrap.min.js"></script>
</head>

<body>

<table class="table table-bordered" id="product">


	<caption>边框表格布局</caption>
	<thead>
		<tr>
			<th>id</th>
			<th>name</th>
			<th>categrop</th>
		</tr>
		<tr th:each="prod : ${products}">
      <td th:text="${prod.id}"></td>
      <td th:text="${prod.name}"></td>
      <td th:text="${prod.category}"></td>
    </tr>
	</thead>
	
</table>

</body>
</html>